<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="lib/react.development.js"></script>
	<script src="lib/react-dom.development.js"></script>
	<script src="lib/babel.min.js"></script>
	<link href="style/weibo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="root">

</div>
</body>
<script type="text/babel">
	const root = ReactDOM.createRoot(document.querySelector("#root"));
	// 函数组件
	const App = ()=> (
		<div className="jyArea">
			<div className="takeComment">
				<textarea name="textarea" className="takeTextField" id="tijiaoText"></textarea>
				<div className="takeSbmComment">
					<input type="button" className="inputs" value=""/>
				</div>
			</div>
			<div className="commentOn">
				<div className="noContent">暂无留言</div>
				<div className="messList">
					<div className="reply">
						<p className="replyContent">内容</p>
						<p className="operation">
							<span className="replyTime">2020.03.10 01:01:01</span>
							<span className="handle">
		                        <a href="#" onClick={e => e.preventDefault()} className="top">0</a>
		                        <a href="#" onClick={e => e.preventDefault()} className="down_icon">9</a>
		                        <a href="#" onClick={e => e.preventDefault()} className="cut">删除</a>
		                    </span>
						</p>
					</div>
				</div>
				<div className="page">
					<a href="#" onClick={e => e.preventDefault()} className="active">1</a>
					<a href="#" onClick={e => e.preventDefault()}>2</a>
					<a href="#" onClick={e => e.preventDefault()}>3</a>
				</div>
			</div>
		</div>
	)
	root.render(<App/>);
</script>
</html>